﻿<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>::DAG::</title>
<meta http-equiv="Content-Language" content="en-us" /> 
<meta name="keywords" content="dhtml grid, AJAX grid, event, trigger " >
<meta name="description" content="How to add event to grid" >

<script src="highlight/jssc3.js" type="text/javascript"></script>
<link href="highlight/style.css" rel="stylesheet" type="text/css" />

<style type="text/css" media="all">@import "./css/doc_no_left.css";</style>


<link rel="stylesheet" type="text/css" media="all" href="./grid/calendar/calendar-blue.css"  />
<script type="text/javascript" src="./grid/calendar/calendar.js"></script>
<script type="text/javascript" src="./grid/calendar/calendar-cn-utf8.js"></script>
<script type="text/javascript" src="./grid/calendar/calendar-setup.js"></script>

<link rel="stylesheet" type="text/css" href="./grid/gt_grid.css" />
<link rel="stylesheet" type="text/css" href="./grid/skin/vista/skinstyle.css" />
<script type="text/javascript" src="./grid/gt_msg_en.js"></script>
<script type="text/javascript" src="./grid/gt_grid_all.js"></script>
<script type="text/javascript" src="./grid/flashchart/fusioncharts/FusionCharts.js"></script>
<script type="text/javascript" src="./dag_functions/Calendar.js"></script>
<script type="text/javascript" >
var grid_demo_id = "myGrid1" ;

var dsOption= {

	fields :[
		{name : 'MJ'  },{name : 'ZTLX'  },{name : 'GH'  },{name : 'SWH'  },
		{name : 'DH'  },{name : 'WJJS'  },{name : 'AJTM'  },{name : 'QSSJ'  },
		{name : 'ZZSJ'  },{name : 'FLH'  },{name : 'ZTC'  },{name : 'FZ'  }
	//{name : 'MJ'  },{name : 'DH'  },{name : 'AJTM'  },{name : 'WJJS'  }gt_myGrid1_chk_DH
	],
	uniqueField : 'no' ,
	recordType : 'array'
}
var colsOption = [
     {id: 'chk' ,isCheckColumn:true, editable:false},
     {id: 'MJ' , header: "MJ" , width:40},
     //{id: 'ZTLX' , header: "类型" , width :40},
     //{id: 'GH' , header: "GH" , width :30 },
     //{id: 'SWH' , header: "SWH" , width :30},
     {id: 'DH' , header: "文件编号" , width :150},     
     {id: 'AJTM' , header: "档案标题" , width :180},
     {id: 'WJJS' , header: "页码" , width :40}
     //{id: 'QSSJ' , header: "QSSJ" , width :40},
     //{id: 'ZZSJ' , header: "ZZSJ" , width :40},
     //{id: 'FLH' , header: "FLH" , width :40},
     //{id: 'ZTC' , header: "ZTC" , width :40},
     //{id: 'FZ' , header: "FZ" , width :40}  
];

var gridOption={
	id : grid_demo_id,
	loadURL : 'Controller.php',
	parameters:{'keyword':<?php echo ("'".$keyword."'"); ?>},
	
	
	width: "700",  //"100%", // 700,
	height: "200",  //"100%", // 330,
	
	container : 'gridbox', 
	replaceContainer : true, 
	
	dataset : dsOption ,
	columns : colsOption ,
	pageSize : 10 ,
	toolbarContent : 'nav | goto'
}
var mygrid=new Sigma.Grid( gridOption );
Sigma.Util.onLoad( Sigma.Grid.render(mygrid) );
	
	
</script>


</head>

<body>

<div id="bigbox" style="margin:15px;display:!none;">
      <div id="gridbox" style="border:0px solid #cccccc;background-color:#f3f3f3;padding:5px;height:200px;width:700px;" ></div>
    </div>
</body>
</html>